<FORM NAME="edit_form" id="edit_form" METHOD="post" ACTION="">
    <TABLE CELLPADDING="0" CELLSPACING="0">
        <TBODY>
        <TR>
            <TD>Project Name:</TD>
            <TD>
                <SELECT NAME="project_key">
                    {% for project in projects %}
                    {% ifequal project_name project.name %}
                    <OPTION value="{{ project.key }}" selected="selected">{{ project.name }}</OPTION>
                    {% else %}
                    <OPTION value="{{ project.key }}">{{ project.name }}</OPTION>
                    {% endifequal %}
                    {% endfor %}
                </SELECT>
            </TD>
        </TR>
        <TR>
            <TD>Clock In:</TD>
            <TD><INPUT TYPE="text" NAME="in_string" VALUE="{{ in_string }}" SIZE="60"/></TD>
        </TR>
        <TR>
            <TD>Clock Out:</TD>
            <TD>
                <INPUT TYPE="text" id="out_string" NAME="out_string" VALUE="{{ out_string }}" SIZE="60"/>
                {% ifnotequal out_string "1900-01-01 00:00:00" %}
                <a href="javascript:document.getElementById('out_string').value = '1900-01-01 00:00:00';">clock in</a>
                {% endifnotequal %}
            </TD>
        </TR>
        <TR>
            <TD COLSPAN="2"><INPUT TYPE="hidden" NAME="key"
                                   VALUE="{{ key }}"/> <INPUT TYPE="submit" NAME="save_punch"
                                                              VALUE="Save Punch"/> <INPUT TYPE="reset"/>
                <INPUT TYPE="submit" NAME="delete_punch"
                       VALUE="Delete Punch"/></TD>
        </TR>
        </TBODY>
        <FORM ACTION=""></FORM>
    </TABLE>
</FORM>
